<template>
  <div class="grzx">
      <el-aside>
        <div class="jbxx">
          <div class="jbxx-tx">
            <img src="../../build/logo.png" />
          </div>
          <div class="jbxx-bq">
            <p>康老师</p>
            <p>暂未设置个人标签</p>
            <span class="bt">去上课</span>
          </div>
        </div>
      </el-aside>
      <el-main>Main</el-main>
  </div>


</template>
<script>
export default{
  data () {
    return {

    }
  },
  components: {

  },
  methods: {

  }
}
</script>

<style>
.grzx {
  width: 100%;
  height: 106.25rem;
}
.jbxx {
  width: 15rem;
  height: 15.8125rem;
}
.jbxx-tx {
  width: 100%;
  height: 7rem;
  text-align: center;
}
.jbxx-tx img {
      margin-top: 1.75rem;
      width: 5.3125rem;
      height: 5.3125rem;
      border-radius: 50%;
}
.jbxx-bq {
  width: 100%;
  height: 4.875rem;
  text-align: center;
}
.jbxx-bq p:nth-child(2){
  font-family: PingFangSC-Regular;
      padding: 0.1875rem;
      font-size: 0.75rem;
      color: #999;
}
.jbxx-bq p:nth-child(1){
 font-family: PingFangSC-Semibold;
     font-size: 1rem;
     font-weight: 700;
     color: #333;
}
.bt {
  width: 10rem;
  height: 1.75rem;
      padding: 0.375rem 0.375rem;
      color: #fff;
      font-size: 12px;
      cursor: pointer;
      text-align: center;
      border-radius: 0.3125rem;
      display: inline-block;
      font-family: PingFangSC-Regular;
      background-image: linear-gradient(-90deg,#1c5edc,#1a99f9);
}
</style>
